<template>
  <div class="box">
    <el-row>
        <el-col :span="4"><i class="el-icon-location-outline"></i></el-col>
        <el-col :span="16">
            <marquee class="scroll-title"  behavior="scroll" direction="left">公告管理已上线，可点击查看公告列表页，点击列表页公告标题，可查看公告详情</marquee>
        </el-col>
        <el-col :span="4">
            <i class="el-icon-arrow-right"></i>
        </el-col>
    </el-row>
    <el-menu
        default-active="1"
        class="el-menu-vertical-demo"
        text-color="black"
        active-text-color="#ffd04b">
        <el-menu-item   :index="index + ''" v-for="(item,index) in data" :key="index">
            <i class="el-icon-location"></i>
            <span slot="title">{{item}}</span>
        </el-menu-item>
    </el-menu>
  </div>
</template>

<script>
export default {
    data(){
        return {
            data:["分类",'电子类','男装','水果类']
        }
    },
    methods:{
    }
}
</script>

<style scoped>
.scroll-title{
    /* width: 80%; */
    color:#ed6a0c ;
}

</style>